﻿@model MobileWebsiteGenerator.Models.MainViewModel
@{
    char[] type = new char[] { ',' };
    var SwatchData = Model.MyTheme.Swatch.Split(type);
    var listtext = SwatchData[0];
    var listBG = SwatchData[1];
    var hoverBg = SwatchData[2];
    Layout = "~/Views/Shared/_Layout.mobile.cshtml";
}
<script src="@Url.Content("~/Scripts/jquery.min.js")" type="text/javascript"></script>



<style type="text/css">
ul.metroui-list
    {
   
        list-style: none;
        padding-left: 20px;
         padding-right: 20px;
         
          margin:5;
    }
    
    ul.metroui-list li
    {
     
        padding: 5px;
        margin-top:2 px;
        color:@listtext;
        margin-bottom: 15px;
        background-color:@listBG;
        width:@MobileWebsiteGenerator.MvcApplication._MainCustomer.MyTheme.Size;

    
        
        cursor: pointer;
      
         border: 2px solid @Model.MyTheme.Border;
        background-image:url('@Url.Content("~/uploads/" + Model.MyTheme.ButtonPicture)');
    }
    
    ul.metroui-list li:hover
    {
    background-color:@hoverBg;
    color:white;
    }
    
    li.metroui-list-selected
    {
        background-color: #4e534b !important;
        color:red;
    }
</style>


        <div style="background-image:url('@Url.Content("~/uploads/" + Model.MyTheme.BannerImage)'); height:25px; ">
                             
       </div>                  
        <div>
                                   <h4>@Model.MyTheme.Bannertext</h4>

                                   </div>
        <div >
        <ul id="menu" class="metroui-list">
            @foreach (var item in Model.ContentPages)
            {
                <a href="@Url.Action("AboutPages", "Website", new { id = item.page_id })" style="text-decoration:none; color:White;">
                    <li>@item.title</li></a>
            }
            @if (Model.Website.IsPictureGallery == true)
            {
                <li><a href="@Url.Action("pictureGallery", "Website")" style="text-decoration:block;">
                    Picture Gallary</a></li>
            }
        </ul>
    </div>

      


